{include file="layout/header"}
{include file="layout/sidebar"}
<!-- 内容区域 -->
<style>
    a {
  color: inherit;
}
</style>
<div class="tpl-content-wrapper">

 

    <div class="row-content am-cf">
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                <div class="widget am-cf">
                    <div class="widget-head am-cf">
                        <div class="widget-title am-fl">{notempty name='article'}修改文章{else /}添加文章{/notempty}</div>
                        <div class="widget-function am-fr">
                            <a href="javascript:;" class="am-icon-cog"></a>
                        </div>
                    </div>
                    <div class="widget-body am-fr">

                        <form id="article_form" action="/form/{$article['id'] ?? ''}" method="post" class="am-form tpl-form-line-form" enctype="multipart/form-data">
                            <div class="am-form-group">
                                <label for="user-name" class="am-u-sm-2 am-form-label">标题 <span class="tpl-form-line-small-title">Title</span></label>
                                <div class="am-u-sm-10">
                                    <input type="text" name="title" value="{$article['title'] ?? ''}" class="tpl-form-input" placeholder="请输入标题文字">
                                </div>
                            </div>

                            <div class="am-form-group">
                                <label for="user-email" class="am-u-sm-2 am-form-label">作者 <span class="tpl-form-line-small-title">Author</span></label>
                                <div class="am-u-sm-10">
                                   <input type="text" name="author" value="{$article['author'] ?? ''}" class="tpl-form-input"  placeholder="请输入作者">
                                </div>
                            </div>
                            <div class="am-form-group">
                                <label for="user-phone" class="am-u-sm-2 am-form-label">类别 <span class="tpl-form-line-small-title">Category</span></label>
                                <div class="am-u-sm-10">
                                    <select name="category" data-am-selected>
                                        {foreach name="category" item="vo"}
                                        <option {notempty name='article'}{eq name="article['category']" value="$vo.id"}selected{/eq}{/notempty}  value="{$vo.id}">{$vo.name}</option>
                                        {/foreach}
                                    </select>

                                </div>
                            </div>

                            <div class="am-form-group">
                                <label for="user-weibo" class="am-u-sm-2 am-form-label">封面图 <span class="tpl-form-line-small-title">Images</span></label>
                                <div class="am-u-sm-10">
                                    <div class="am-form-group am-form-file">
                                        <div class="tpl-form-file-img">
                                            <img src="{$article['illustration'] ?? '__ADMIN__/img/img.png'}" id="img" width="20%">
                                        </div>
                                        <button type="button" class="am-btn am-btn-danger am-btn-sm"><i class="am-icon-cloud-upload"></i> 添加封面图片</button>
                                        <input name="illustration" id="file" type="file" multiple="">
                                    </div>

                                </div>
                            </div>
                            <div class="am-form-group">
                                <label for="user-intro" class="am-u-sm-2 am-form-label">隐藏文章</label>
                                <div class="am-u-sm-10">
                                    <div class="tpl-switch">
                                        <input type="checkbox" name="is_hide" class="ios-switch bigswitch tpl-switch-btn" value="1" {$article['is_hide'] ?= 'checked'}>

                                        <div class="tpl-switch-btn-view">
                                            <div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="am-form-group">
                                <label for="user-intro" class="am-u-sm-2 am-form-label">文章摘要</label>
                                <div class="am-u-sm-10">
                                    <textarea name="abstract" class=""  rows="5" placeholder="请输入文章摘要">{$article['abstract'] ?? ''}</textarea>
                                </div>
                            </div>
                            <div class="am-form-group">
                                <label for="user-intro" class="am-u-sm-2 am-form-label">文章内容</label>
                                <div class="am-u-sm-10">
                                    <textarea name="content" class=""  style="color: #000;height: 300px;" id="content" placeholder="请输入文章内容">{$article['content'] ?? ''}</textarea>
                                </div>
                            </div>
                            
                            <div class="am-form-group">
                                <div class="am-u-sm-10 am-u-sm-push-2">
                                    <button type="button" class="am-btn am-btn-primary tpl-btn-bg-color-success btn-submit">提交</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="__JS__/ueditor/ueditor.config.js"></script>
<script src="__JS__/ueditor/ueditor.all.js"></script>
<script src="__ADMIN__/js/jquery.serializeJSON.js"></script>
<script type="text/javascript">
     $(function() {
        var ue = UE.getEditor('content',{toolbars:[  
        [  
            //'anchor', //锚点  
            'undo', //撤销  
            'redo', //重做  
            'bold', //加粗  
            //'indent', //首行缩进  
            //'snapscreen', //截图（需要插件，一般不开）；  
            'italic', //斜体  
            'underline', //下划线  
            'strikethrough', //删除线  
            'subscript', //下标  
            //'fontborder', //字符边框  
            'superscript', //上标  
            //'formatmatch', //格式刷  
            //'source', //源代码  
            //'blockquote', //引用  
            //'pasteplain', //纯文本粘贴模式  
            'selectall', //全选  
            //'print', //打印  
            'preview', //预览  
            'horizontal', //分隔线  
            'removeformat', //清除格式  
            //'time', //时间  
            //'date', //日期  
            'unlink', //取消链接  
            //'insertrow', //前插入行  
            //'insertcol', //前插入列  
            //'mergeright', //右合并单元格  
            //'mergedown', //下合并单元格  
            //'deleterow', //删除行  
            //'deletecol', //删除列  
            //'splittorows', //拆分成行  
            //'splittocols', //拆分成列  
            //'splittocells', //完全拆分单元格  
            //'deletecaption', //删除表格标题  
            //'inserttitle', //插入标题  
            //'mergecells', //合并多个单元格  
            //'deletetable', //删除表格  
            //'cleardoc', //清空文档  
            //'insertparagraphbeforetable', //"表格前插入行"  
            'insertcode', //代码语言  
            'fontfamily', //字体  
            'fontsize', //字号  
            //'paragraph', //段落格式  
            'simpleupload', //单图上传  
            //'insertimage', //多图上传  
            //'edittable', //表格属性  
            //'edittd', //单元格属性  
            'link', //超链接  
            //'emotion', //表情  
            'spechars', //特殊字符  
            'searchreplace', //查询替换  
            //'map', //Baidu地图  
            //'gmap', //Google地图  
            //'insertvideo', //视频  
            //'help', //帮助  
            'justifyleft', //居左对齐  
            'justifyright', //居右对齐  
            'justifycenter', //居中对齐  
            'justifyjustify', //两端对齐  
            'forecolor', //字体颜色  
            //'backcolor', //背景色  
            //'insertorderedlist', //有序列表  
            //'insertunorderedlist', //无序列表  
            //'fullscreen', //全屏  
            //'directionalityltr', //从左向右输入  
            //'directionalityrtl', //从右向左输入  
            //'rowspacingtop', //段前距  
            //'rowspacingbottom', //段后距  
            //'pagebreak', //分页  
            //'insertframe', //插入Iframe  
            //'imagenone', //默认  
            //'imageleft', //左浮动  
            //'imageright', //右浮动  
            //'attachment', //附件  
            //'imagecenter', //居中  
            //'wordimage', //图片转存  
            //'lineheight', //行间距  
            //'edittip ', //编辑提示  
            //'customstyle', //自定义标题  
            //'autotypeset', //自动排版  
            //'webapp', //百度应用  
            //'touppercase', //字母大写  
            //'tolowercase', //字母小写  
            //'background', //背景  
            //'template', //模板  
            //'scrawl', //涂鸦  
            //'music', //音乐  
            //'inserttable', //插入表格  
            //'drafts', // 从草稿箱加载  
            //'charts', // 图表  
        ]  
        ]});       
        $('#file').on('change',function(){
            var file = this.files[0];
            if(!/image\/\w+/.test(file.type)){
                layer.msg('我只要图片哦亲！', {icon: 2,anim: 1 });
                return false;
            }
            var reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onload = function(e){
                $('#img').attr('src', this.result)
            }
        });
        $('.btn-submit').click(function(){
            $("#article_form").submit();
        });
            
        
    });
</script>
{include file="layout/footer"}